<template>
  <div style={styles.container}>
    <Header />
    <IntroBanner />
    <AblityItems />
    <IntroTab />
    <CardItems />
    <SlideBanner />
    <Footer />
  </div>
</template>

<script>
// @ is an alias to /src
//import HelloWorld from '@/components/HelloWorld.vue';
import Header from '../../components/Header';
import IntroBanner from './components/IntroBanner';
import AblityItems from './components/AblityItems';
import IntroTab from './components/IntroTab';
import CardItems from './components/CardItems';
import SlideBanner from './components/SlideBanner';
import Footer from '../../components/Footer';

export default {
  name: 'home',
  components: {
    Header,
    IntroBanner,
    AblityItems,
    IntroTab,
    CardItems,
    SlideBanner,
    Footer
  },
};
</script>

